<style>
tw-story {
background-image: url("City.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" title="Mute Sound" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">On a bright Sunday morning, you take a quiet stroll on the bustling streets of Banneker Boulevard. You can see the familiar [[Breyers Bakery]], its large window displaying desserts too appetizing to resist. You recognize the spinning barber pole of [[Salina’s Salon]], with sale signs and posters overfilling the rusty brick walls. Not too afar lies [[Parker Bros. Photo Studio]], and although many describe them as peculiar fellows, their eclectic personalities still manage to fascinate you. And of course, you cannot forget [[Alabaster’s Tailor Shop]], for numerous times you seek their help whenever a new hat or a suit is needed.</div>
(if: $passageA and $passageB and $passageC and $passageD)[\
As you move around the crowds, you feel tired when your pace becomes weary and sluggish. You think about [[heading home]].
](set: $passageA to true)\
<style>
tw-story {
background-image: url("Breyers Bakery.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">The moment you step through the worn oak door, you hear the brief jingling of a little bell. Mr. Franklin, the owner of the bakery, smiles warmly through his moustache. The other two workers keep working, unaltered by your visit.
“Welcome, welcome!” Mr. Franklin says. “And what shall today’s [[order]] be? A [[pumpkin pie]]? Some [[hot fudge]]?”</div>(set: $passageB to true)\
<style>
tw-story {
background-image: url("Salina's Salon.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">The salon has a cheerful and bubbly atmosphere. Salina looks up at you as she effortlessly cuts her customer’s hair with concentration, wiping off sweat from her freckled face. “Hello there. Ya need a [[cut]]? Or ya just there to [[chat?]]" She says with a husky voice.</div>(set: $passageC to true)\
<style>
tw-story {
background-image: url("Parker Bros.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">Inside the colorful room, with framed pictured all over the place, you hear the clicking of a camera. James and William Parker are taking pictures of what appeared to be seashells. They look up at you and grin. “Hello, old friend!” James waves enthusiastically. “Care to [[give it a try?]]”</div>(set: $passageD to true)\
<style>
tw-story {
background-image: url("Tailor Shop.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
(set: $passageD to true)
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">Inside the small and simple shop, you see Mr. Alabaster and his young son, arranging the ties, hats, suits and dresses hanging on the wall. You greet them and ask them how they’re doing. “Same as always,” Mr. Alabaster says, too busy to look you in the eye. “Still got the back pain, you know. Went to the doctor, and he says a few days’ rest is all I need. Good thing I got my grandson Humphrey by my side!” He gestures to the skinny boy, who had a face too angsty and stern, sitting behind the front desk. [[Humphrey]] did not seem to be having a good time.</div><style>
tw-story {
background-image: url("Breyers Bakery.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">You check your pockets for any cash, yet only manage to find a penny and some lint. You smile sheepishly at Mr. Franklin.
Mr. Franklin’s smile fades. “Alright then, off with ya!” He shoos you off with an irritated tone.
[[Exit->Start]]</div><style>
tw-story {
background-image: url("Breyers Bakery.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">You remember when your mother used to bake pumpkin pies on your birthdays. Not too long ago, you attempted to bake one on your own. That is how you ended up eating a burnt pumpkin pie for dinner.
[[Return->Breyers Bakery]]</div><style>
tw-story {
background-image: url("Breyers Bakery.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">In your teen years, you hung out with your friends at Dilly’s Diner, a local restaurant. As a result of having your face shoved on your hot fudge sundae by Ronald, you started a disastrous food fight. At the end, you returned home with a satisfied smirk, and a permanent ban from Dilly’s Diner.
[[Return->Breyers Bakery]]</div> <style>
tw-story {
background-image: url("Salina's Salon.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">You run your hand through your hair. It was somewhat thick and ruffled, but you always liked it that way. Besides, you didn’t bring money with you. Perhaps you should cut it another time.
[[Return->Salina’s Salon]]</div><style>
tw-story {
background-image: url("Salina's Salon.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">"Heard about Annabelle’s wedding last week?” Salina asks.
[[Yes]]
[[No]]</div><style>
tw-story {
background-image: url("Salina's Salon.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">“God, can you believe what she did there?” Salina laughs, her usual warm yet loud laughter. You pretend to laugh as well, although you have no idea what happened at Annabelle’s wedding.
[[Exit->Start]]</div><style>
tw-story {
background-image: url("Salina's Salon.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">“My ol’ cousin Gilbert went there, and boy was it a fiasco! The Groom’s ex crashed it, threw hissing fits, and picked a fight with the bride. She got no chance against Annabelle’s tough guns, though!” Salina snickered in amusement, pulled her floral sleeves, then continued styling her customer’s hair.
[[Exit->Start]]</div><style>
tw-story {
background-image: url("Portrait.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">You sit down in front of the field camera, straightening your wide tie and winged collars. After William takes the picture and proceeds to go the dark-room with his brother, you wait about twenty minutes before James finally shows up again with your portrait.
[[I like it]]
[[I hate it]]</div><style>
tw-story {
background-image: url("Portrait.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">
The brothers beam in delight. “We’re glad you like it, friend. May we frame it with the rest?” William says. You give them back the picture, thank them, and head to the door.
[[Exit->Start]]</div><style>
tw-story {
background-image: url("Portrait.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">The brothers’ expression turns to a sad and pained one. “Oh,” James says, barely hiding his hurt feelings. “Well, we can just put them away for you…”
You give them back the picture and head out the door, ignoring their apologies for wasting your time. Guilt stirs within you. Considering they have spent time and effort on your portrait, perhaps you should have been nicer.
[[Exit->Start]]</div><style>
tw-story {
background-image: url("Tailor Shop.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">You ask Humphrey why he seems so moody. “That’s none of your business, old man. Go home.” He mutters. Insulted by the mere words of a teen, you exit the shop. You are not even that old.
[[Exit->Start]]</div><style>
tw-story {
background-image: url("City.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">After a long Sunday of taking quiet strolls in the bustling streets of Banneker Boulevard, you finally head home and pat your Bernese Mountain dog, Simon. You recall everything you did today, wondering what else you could have done differently.
[[Finish]]</div>{
<!-- you should hide this with css in your final project, this is fast and dirty -->
(set: $passageA to false,
$passageB to false,
$passageC to false,
$passageD to false
)
}<style>
tw-story {
background-image: url("Credits.gif");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}
</style>
<img id="mute" src="music.png" onclick="muteSound.muteButton()" data-raw="">
<div class="tw-passage"><div class="tw-link"><div class="tw-link:hover">
Thanks for playing!
(link:"Replay")[(reload:)]</div>